<template>
  <div style="width: 100%;height: 100%">
    <div id="main" style="width: 100%;height: 100%"></div>
  </div>
</template>

<script>

import * as echarts from 'echarts';
import 'echarts-gl';

export default {
  data(){
    return{
      ROOT_PATH:'/apc/examples',
      option:{},
      myChart:{},
    }
  },
  methods:{

  },
  mounted() {
    this.myChart = echarts.init(document.getElementById('main'))
    this.option = {
      backgroundColor: '#000',
      globe: {
        baseTexture: this.ROOT_PATH + '/data-gl/asset/earth.jpg',
        shading: 'lambert',
        environment: this.ROOT_PATH + '/data-gl/asset/starfield.jpg',
        atmosphere: {
          show: true
        },
        light: {
          ambient: {
            intensity: 0.1
          },
          main: {
            intensity: 1.5
          }
        }
      },
      series: []
    };
    this.myChart.setOption(this.option);
  }
}


</script>

<style scoped>

</style>
